<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" manifest="/r.appcache">
<head>
  <meta charset="UTF-8">
  <meta name='viewport' content="width=device-width,initial-scale=1.0,user-scalable=no">
  <title>商家详情</title>
  <link rel="stylesheet" href="../../res/core/base.css">
  <link rel="stylesheet" href="detail.css">
</head>
<body>
<div id="app">
  <div class="header">
    <img id="blur" v-bind:src="image"/>
    <canvas id="canvas"></canvas>
  </div>
  <header>
    <div class="logo" v-bind:style="{backgroundImage:'url('+ image + ')' }"></div>
    <div class="title">{{name}}</div>
    <div class="price">起送价：{{min_price}}元</div>
    <hr/>
    <div>{{address}}</div>
  </header>
  <div class="nav">
    <div v-for="(price,categoryName) in category">
      <a :href="'#'+categoryName">{{categoryName}}</a>
    </div>
  </div>
  <div class="con">
    <div v-for="(price,categoryName) in category">
      <p style="margin:1rem;" :name="categoryName">{{categoryName}}</p>
      <div v-for="(item,index) in price" class="list" :index="index">
        <a>
          <kv>
            <k><img v-bind:src="item.image" v-on:load="loadedLogo" /></k>
            <div class="name">{{item.name}}</div>
            <div class="remark">{{item.remark}}</div>
            <div class="price">￥{{item.price/100}}元</div>
            <div class="num"><input :value="item.number"/></div>
          </kv>
        </a>
      </div>
    </div>
  </div>
  <footer>
    <img src="../img/calc.png"/>
    <div>￥<span>{{total/100}}元</span>
      <div>配送费：{{freightFee}}元</div>
    </div>
    <span id="toConfirm">去结算</span>
  </footer>
</div>

<script src="../../res/core/require.js"></script>
<script src="../../res/core/main.js"></script>
<script src="detail.js"></script>
</body>
</html>
